import React from "react";
import { Route, Link, Routes } from "react-router-dom";
import AboutPage1 from "../Home/Home";
import AboutPage2 from "../About/about";
function About() {
    return (
        <div>
            <h2>About</h2>
            <nav>
                <ul>
                    <li>
                        <Link to="/about/page1">Page 1</Link>
                    </li>
                    <li>
                        <Link to="/about/page2">Page 2</Link>
                    </li>
                </ul>
            </nav>
            <Routes>
                <Route path="/about/page1" element={<AboutPage1 />} />
                <Route path="/about/page2" element={<AboutPage2 />} />
            </Routes>

        </div>
    );
}
export default About;